<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<title>Cordova - loiane.com</title>
<meta charset="utf-8" />
<script type="text/javascript" charset="utf-8"
	src="scripts/cordova-1.7.0.js"></script>
<script type="text/javascript" charset="utf-8"
	src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" charset="utf-8"
	src="scripts/metro-dropdown.js"></script>
<script type="text/javascript" charset="utf-8"
	src="scripts/script.js"></script>

<link rel="stylesheet" href="estilos/ids.css" />
<link rel="stylesheet" href="estilos/classes.css" />

<link rel="stylesheet" href="estilos/metro.css">

<style>
body {
	background-color: #F1F1F1;
}
</style>
</head>
<body class="metrouicss">
	
	<div class="nav-bar" style="position:fixed;z-index:9999;height: 27px;">
		<div class="nav-bar-inner" style="background-color: #7C1566">
			<ul class="menu" style="overflow: visible;">
				<li data-role="dropdown" class=""><a><span class="brand">VIBE</span></a>
					<ul id="mainMenu" class="dropdown-menu" style="display: none;">
						<li><a href="#">SubItem 1</a></li>
						<li><a href="#">SubItem 2</a></li>
						<li><a href="#">SubItem 3</a></li>
					</ul></li>
			</ul>
			<span class="divider"></span>
			<p class="element">Viva o Desafio!</p>

		</div>
	</div>
	
	

	<div id="container">
		<div id="left">
			<!-- SIDEBAR -->

			<div id="sideBar">
				<ul>
					<li><img src="img/home.png" width="20px" /></li>
					<li><img width="20px" src="img/add.png"></li>
					<li><img width="20px" src="img/desistir.png"></li>
					<li><img width="20px" src="img/ranking.png"></li>
				</ul>
			</div>

		</div>
		<div id="center">
		
		<h2 style="padding-bottom:10px;font-weight:bold;">Fazer:</h2>

			<form>
				<ul>
					<li >
					<img src="img/facil.png" class="dificuldade"/>
					<span class="item-list-desafios">Sex in school</span> 
					<label class="input-control checkbox" > 
						<input type="checkbox" value="1"/><span class="helper"></span>
					</label>
					</li>
					<li >
					<img src="img/dificil.png" class="dificuldade"/>
					<span class="item-list-desafios">Porn</span> 
					<label class="input-control checkbox" > 
						<input type="checkbox" value="1"/><span class="helper"></span>
					</label>
					</li>
					<li >
					<img src="img/medio.png" class="dificuldade"/>
					<span class="item-list-desafios">Smooking</span> 
					<label class="input-control checkbox" > 
						<input type="checkbox" value="1"/><span class="helper"></span>
					</label>
					</li>
					<li >
					<img src="img/facil.png" class="dificuldade"/>
					<span class="item-list-desafios">Fire</span> 
					<label class="input-control checkbox" > 
						<input type="checkbox" value="1"/><span class="helper"></span>
					</label>
					</li>
				</ul>
			</form>
		</div>
	</div>


</body>
</html>


